바닐라 JS [Toy Project 1] 바닐라 js + HTML + CSS 이용한 Chrome Web 제작 05 오늘은 노래와 배경을 랜덤으로 추출하여 웹 브라우저 화면에 보여주자! 배열에 노래와 가수를 저장. songs[]배열의 index 접근 범위는 제로베이스부터 배열크기-1까지. -songs[]배열의 index 접근 범위는 0부터 배열크기-1까지이다. 10개의 song을 랜덤으로 출력하기 위해서는 0-9까지 숫자를 랜덤으로 주는 function이 필요한데 이는 Math module에서 제공한다. ... 바닐라 JS바닐라 JS [Toy Project 1] 바닐라 js + HTML + CSS 이용한 Chrome Web 제작 06 먼저 to-dos를 입력할 수 있는 input을 html에 추가. paintToDo()는 to-dos를 받아 html에 element를 생성하여 화면에 출력할 수 있도록 해주는 함수. document.createElement()를 이용하여 html에 li, span, button과 같은 element 생성 가능. appendChild()는 인자를 가장 뒤에 놓는다. 클릭된 버튼의 target... 바닐라 JS바닐라 JS
[Toy Project 1] 바닐라 js + HTML + CSS 이용한 Chrome Web 제작 05 오늘은 노래와 배경을 랜덤으로 추출하여 웹 브라우저 화면에 보여주자! 배열에 노래와 가수를 저장. songs[]배열의 index 접근 범위는 제로베이스부터 배열크기-1까지. -songs[]배열의 index 접근 범위는 0부터 배열크기-1까지이다. 10개의 song을 랜덤으로 출력하기 위해서는 0-9까지 숫자를 랜덤으로 주는 function이 필요한데 이는 Math module에서 제공한다. ... 바닐라 JS바닐라 JS [Toy Project 1] 바닐라 js + HTML + CSS 이용한 Chrome Web 제작 06 먼저 to-dos를 입력할 수 있는 input을 html에 추가. paintToDo()는 to-dos를 받아 html에 element를 생성하여 화면에 출력할 수 있도록 해주는 함수. document.createElement()를 이용하여 html에 li, span, button과 같은 element 생성 가능. appendChild()는 인자를 가장 뒤에 놓는다. 클릭된 버튼의 target... 바닐라 JS바닐라 JS